<template>
    <div>
        <!-- <h1 class="title">你好Vue3</h1> -->
        <!-- 2. 显示（渲染）子组件 -->
        <!-- <MyComponent /> -->
        <!-- <TestList /> -->
        <!-- <MovieType /> -->
        <!-- <ShoppingCart /> -->
        <!-- <MovieFilter /> -->
        <!-- <TodoList /> -->
        <!-- <MovieManage /> -->
        <!-- <GlobalComponent></GlobalComponent> -->
        <!-- <FatherComponent /> -->
        <!-- <TableRender /> -->
        <!-- <Menu /> -->
        <!-- <Counter /> -->
        <!-- <StudentManage /> -->
        <CompA />
    </div>
</template>

<script setup>

// 1. 引入子组件，名字叫做 MyComponent
// import MyComponent from './components/01-组件基础/MyComponent.vue'
// import MyComponent from './components/02-组件状态/MyComponent.vue';
// import MyComponent from './components/03-事件处理/MyComponent.vue'
// import MyComponent from './components/04-指令/MyComponent.vue'
// import MyComponent from './components/05-列表渲染/MyComponent.vue'
// import MyComponent from './components/06-条件渲染/MyComponent.vue'
// import TestList from './components/07-练习：试题渲染/TestList.vue';
// import MovieType from './components/08-练习：电影分类/MovieType.vue';
// import ShoppingCart from './components/09-练习：购物车/ShoppingCart.vue';
// import MyComponent from './components/10-图片渲染/MyComponent.vue'
// import MyComponent from './components/11-计算属性/MyComponent.vue'
// import ShoppingCart from './components/12-计算属性练习/ShoppingCart.vue';
// import MovieFilter from './components/13-练习：电影筛选/MovieFilter.vue';
// import MyComponent from './components/14-表单/MyComponent.vue'
// import TodoList from './components/15-待办事项/TodoList.vue';
// import MyComponent from './components/16-组件样式/MyComponent.vue'
// import MyComponent from './components/17-Sass预处理器/MyComponent.vue'
// import MyComponent from './components/18-侦听器/MyComponent.vue'
// import ShoppingCart from './components/19-复选框版购物车/ShoppingCart.vue'
// import MovieManage from './components/20-电影管理/MovieManage.vue';
// import FatherComponent from './components/22-props/FatherComponent.vue';
// import TableRender from './components/24-表格渲染/TableRender.vue';
// import Menu from './components/23-菜单渲染/Menu.vue'
// import FatherComponent from './components/25-自定义事件/FatherComponent.vue';
// import Counter from './components/26-多组件计数器练习/Counter.vue';
// import MyComponent from './components/27-插槽/MyComponent.vue';
// import StudentManage from './components/28-学生新增修改/StudentManage.vue';
// import StudentManage from './components/29-学生管理/StudentManage.vue'
// import FatherComponent from './components/30-v-model/FatherComponent.vue';
// import FatherComponent from './components/31-组件的v-model/FatherComponent.vue';
// import FatherComponent from './components/32-模板引用/FatherComponent.vue';
import CompA from './components/33-依赖注入/CompA.vue';

</script>



<style>
/* @import './styles/global.css'; */
</style>

<style scoped></style>